<template>
  <BContainer fluid>
    <BRow>
      <BCol>
        <BBadge>New</BBadge>
      </BCol>
      <BCol>
        <h2>
          Example heading
          <BBadge>New</BBadge>
        </h2>
      </BCol>
      <BCol>
        <h3>
          Example heading
          <BBadge>New</BBadge>
        </h3>
      </BCol>
      <BCol>
        <h4>
          Example heading
          <BBadge>New</BBadge>
        </h4>
      </BCol>
      <BCol>
        <h5>
          Example heading
          <BBadge>New</BBadge>
        </h5>
      </BCol>
      <BCol>
        <h6>
          Example heading
          <BBadge>New</BBadge>
        </h6>
      </BCol>
    </BRow>
    <BRow>
      <BCol> Variants </BCol>
    </BRow>
    <BRow>
      <BCol>
        <BBadge pill variant="primary">Primary</BBadge>
        <BBadge pill variant="secondary">Secondary</BBadge>
        <BBadge pill variant="success">Success</BBadge>
        <BBadge pill variant="danger">Danger</BBadge>
        <BBadge pill variant="warning">Warning</BBadge>
        <BBadge pill variant="info">Info</BBadge>
        <BBadge pill variant="light">Light</BBadge>
        <BBadge pill variant="dark">Dark</BBadge>
      </BCol>
    </BRow>
    <BRow>
      <BCol> Actionables </BCol>
    </BRow>
    <BRow>
      <BCol>
        <BBadge href="#" variant="primary">Primary</BBadge>
        <BBadge href="#" variant="secondary">Secondary</BBadge>
        <BBadge href="#" variant="success">Success</BBadge>
        <BBadge href="#" variant="danger">Danger</BBadge>
        <BBadge href="#" variant="warning">Warning</BBadge>
        <BBadge href="#" variant="info">Info</BBadge>
        <BBadge href="#" variant="light">Light</BBadge>
        <BBadge href="#" variant="dark">Dark</BBadge>
      </BCol>
    </BRow>
  </BContainer>
</template>
